<!-- 返回上一级页面按钮 -->
<script setup>
    import { useRouter } from 'vue-router';
    import { LeftOutlined } from '@ant-design/icons-vue'
    const router = useRouter()
    //  点击返回上一级
    const handleClick = () => {
        router.go(-1);
    }
</script>
<template>
    <a-button type="primary" class="custom_button_back" @click="handleClick">
        <LeftOutlined style="color: rgba(255, 255, 255, 1)"/>
        <slot>
            返回
        </slot>
    </a-button>
</template>
<style lang="scss" scoped>
    .custom_button_back {
        background-color: rgba($theme1BgColorDeep, .8);
    }
    .custom_button_back:hover {
        background-color: rgba($theme1BgColorDeep, 1);
    }
</style>